﻿   
body
{
	font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
	font-size: 62.5%;
}
/* commons */



a
{
	border-bottom: dotted 1px #555;
	text-decoration: none;
	color: #36C;
	font-size: 1.1em;
}

a:hover
{
	border-bottom: dotted 1px #36C;
	text-decoration: none;
	color: #555;
}

span
{
	font-size: 1.1em;
}

h1
{
	font-size: 2em;
	color: #666666;
}
h2
{
	font-size: 1.5em;
	color: #36C;
	padding-bottom: 5px;
}
h3
{
	font-size: 1.3em;
	color: #36C;
	padding-bottom: 5px;
}
h4
{
	font-size: 1em;
}
h5
{
	font-size: 0.85em;
}
h6
{
	font-size: 0.75em;
}
img
{
	border-style: none;
	border-color: inherit;
	border-width: 0;
}

p
{
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 1.1em;
}

#siteMenu
{
	font-size: 1.1em;
}

#ucWorkAreasPicker
{
	font-size: 1.1em;
}


input, select
{
	border: 1px solid #CCCCCC;
	font-size: 1.1em;
}

input[type=checkbox]
{
	border: 0px;
	margin-left: 5px;
}

input[type=textarea]
{
	border: 1px solid #CCCCCC;
}
input:hover, select:hover, textarea:hover
{
	background: #CCDEFF none repeat scroll 0% 50%;
}

input:focus, select:focus, textarea:focus
{
	background: #CCDEFF none repeat scroll 0% 50%;
}

fieldset
{
	border: 0px;
}

ul
{
	list-style-image: url(../images/bullet_disable.gif);
	color: #555;
	font-size: 1em;
}

ul a
{
	list-style-image: url(../images/bullet.gif);
}


li
{
	margin: 2px;
	padding: 0;
}


/* layout */
body
{
	background: #fff url(../images/bg.gif) repeat-x top left;
}
/* header */
#header
{
}


#searchBox
{
	text-transform: uppercase;
}
#txtSearchBox
{
	background: #fff url(../images/icon_search.gif) no-repeat;
	background-position: 0% 50%;
	color: #999;
	border: 1px solid #666;
}
#headerDate
{
	background: url(../images/bg_headerDate.png) no-repeat;
	background-position: 0% 50%;
	color: #fff;
	font-size: 1.1em;
}
/* nav elements */
#profileMenu
{
	float: right;
	position: relative;
	top: 70px;
	padding-right: 30px;
}
#profileMenu a
{
	color: #fff;
}
#profileMenu a:hover
{
	color: #000;
}
/* root menu */
#rootMenu
{
	font-family: Arial, Tahoma, Verdana;
	font-size: 1.1em;
	width: 100%;
}
#rootMenu li a
{
	background-position: 0px 0px;
	border: 1px solid #43698e;
	border-top: 1px solid #305a83;
	border-right: 1px solid #305a83;
	color: #fff;
	text-decoration: none;
	border-bottom: none;
}
#rootMenu li a:hover
{
	background-position: 0px -100px;
}
#rootMenu li span
{
	border: 1px solid #a1a2a5;
	border-right: 1px solid #5f6062;
	border-bottom: 0;
	color: #777;
}
#rootMenu li.relCenter
{
	float: right;
}
#rootMenu li.relCenter a
{
}
/* branch menu */
#branchMenu
{
	background: url(../images/branchmenu_bgitem.gif) repeat-x top left;
	font-family: Arial, Tahoma, Verdana;
	font-size: 1.1em;
}
#branchMenu li a
{
	background: url(../images/branchmenu_bgitem.gif) repeat-x;
	background-position: 0px 0px;
	border: 1px solid #67a033;
	border-top: 1px solid #67a033;
	border-right: 1px solid #35521a;
	color: #fff;
	text-decoration: none;
	border-bottom: none;
}
#branchMenu li a:hover
{
	background-position: 0px -100px;
}
#branchMenu li span
{
	border: 1px solid #a1a2a5;
	border-right: 1px solid #5f6062;
	border-bottom: 0;
	background: url(../images/branchmenu_bgitem_off.gif) repeat-x top left;
	color: #777;
}


/* content elements */
#content
{
	margin-top: 1px;
	padding-top: 20px;
}
#workSpace
{
	background-color: #fff;
	border: 1px solid #385D8A;
}
/* sidebar elements */
#sideBar
{
}
/* panels */
#sideBar .panel
{
	border: 1px solid #ccc;
	background: #fff url(../images/sidebar_panelbg.jpg) repeat-x bottom left;
}
#sideBar .panel h4
{
	font-weight: bold;
}
#sideBar .panel a.button
{
	display: inline-block;
	padding: 4px 14px;
	background: #003e61 url(../images/sidebar_panel_btn.gif) repeat-x;
	background-position: 0px 0px;
	color: #fff;
}
#sideBar .panel a.button:hover
{
	color: #000;
	background-color: #777;
	background-position: 0px -50px;
	text-decoration: none;
}
/* advisor */
#widget.panel
{
	background: #73909a url(../images/widget_bg.png) repeat-x top left;
	border: 1px solid #385D8A;
	color: #fff;
}
#widget h3
{
	font-size: 0.8em;
	font-weight: normal;
}
#widget h3 img
{
	float: right;
	margin-left: 10px;
}
#widget h4
{
	font-size: 1em;
}
#widget a
{
	color: #005294;
	font-weight: bold;
}
#widget a:hover
{
	color: #000;
}
/* context menu */
#contextMenu h4
{
	border-bottom: 1px solid #e4e4e4;
}
/* ad widget */
#widget
{
	background-color: #fff;
}


#pageContainer
{
	font-size: 1.1em;
}
/* footer */
#footer
{
	background: url(../images/bg_footer.png) no-repeat;
	color: #555;
	font-size: 1em;
}




/* error */
.errorMessage
{
	color: Red;
 font-size: 1.1em;
}

/* formulario de entrada de datos */
.entryForm h2
{
	padding: 5px;
	text-transform: uppercase;
	background-color: #26577F;
	color: #FFFFFF;
	margin-bottom: 5px;
}
.entryForm td
{
	border: 0px;
	padding: 5px;
}
.entryForm .button
{
	border: 1px solid;
	float: right;
	width: 100px;
}
.entryForm.formLogin
{
	width: 300px;
	margin: 50px auto 0 auto;
}
.entryForm.formLogin .button
{
	border: 1px solid;
	float: right;
	width: 70px;
}
.entryForm.formLogin fieldset
{
	padding-top: 10px;
	padding-right: 20px;
}

.entryForm.formLogin label, .entryForm.formLogin input
{
	display: block;
	width: 100px;
	height: 15px;
	margin-bottom: 10px;
}
.entryForm label
{
	font-weight: bold;
}
/* Para ubicar los campos sin tablas, según el ejemplo en http://www.quirksmode.org/css/forms.html */
.entryForm label, .entryForm input
{
	display: block;
	float: left;
	margin-bottom: 5px;
}

.entryForm label, .entryForm select
{
	display: block;
	text-align: left;
}


.entryForm textarea
{
	width: 340px;
	height: 200px;
}
.entryForm br
{
	clear: left;
}
/*******************************************
Area de mensages (al inicio)
********************************************/
.messages
{
	font-family: Tahoma, Arial;
	font-size: 1.1em;
	color: black;
	background-color: white;
	border: 1px solid #C0C0C0;
	margin-top: 5px;
	margin-bottom: 5px;
}
.messages h3
{
	background-color: #f0f0f0;
	background-image: none;
}
.messages h4
{
	margin-top: 2px;
}

.messages UL
{
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: 25px;
}

.messages LI
{
	margin-bottom: 3px;
}

.critical, .warning, .info
{
	margin-left: 5px;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-position: 6px 10px;
	padding-left: 41px;
	border-bottom: 1px solid #e0e0e0;
}
.critical
{
	background-image: url(../images/critical32.gif);
}
.warning
{
	background-image: url(../images/warning32.gif);
}
.info
{
	background-image: url(../images/info32.gif);
}

.critical h4
{
	color: red;
}
.info h4
{
	color: green;
}

.commitment
{
	cursor: pointer;
}

#progressBar
{
	text-align: center;
	height: 1px;
	overflow: visible;
}
#progressBar span
{
	display: block;
	width: 250px;
	height: 60px;
	position: relative;
	top: 75px;
	z-index: 500;
	margin: 0 auto;
	line-height: 35px;
	font-size: 0.85em;
	font-weight: bold;
	border: 2px solid #999;
	font-size: 1.3em;
	background: #FFFFFF url(../Images/preloader_bar.gif) no-repeat scroll 50% 30px;
	color: #666666;
}

.off
{
	display: none !important;
	visibility: hidden !important;
}
.on
{
	visibility: visible !important;
}

.completed
{
	background-color: #CCFFCC;
}
.taken
{
	background-color: #FFFFCC;
}
.waiting
{
	background-color: White;
}
.blocked
{
	background-color: #FFCCCC;
}
.postponed
{
	background-color: #CCCCFF;
}

div.actions
{
	border: solid 1px #BECEDC;
	padding: 10px;
	background-color: #F4F8FF;
	font-size: 1.1em;
}

#errorPanel
{
	margin: 0px 100px 50px 100px;
	padding: 50px 50px 50px 50px;
	color: #FF9933;
	font-size: 1.5em;
	font-weight: bold;
	border: solid 1px #CBC9C9;
}

.warningMessage
{
	color: #CC0000;
	font-weight: bold;
}





/* */

.formBoxTop
{
	height: 5px;
	background: url(../images/form_box_top.png) no-repeat;
	margin-top: 10px;
	margin-bottom: 0;
	padding: 0;
}


.formBox
{
	background: url(../images/form_box_tile.png) repeat-y;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 15px;
}

.formBoxBottom
{
	height: 16px;
	background: url(../images/form_box_bottom.png) no-repeat;
	margin-top: 0;
	margin-bottom: 10px;
	padding: 0;
}



.formTable table
{
	width: 100%;
	text-align: left;
}

.formTable th
{
	text-transform: uppercase;
	color: #336699;
	letter-spacing: 2px;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #F4F8FF;
	border: 1px solid #BECEDC;
}
.formTable td
{
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #336699;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #BECEDC;
	border-bottom-color: #BECEDC;
	border-left-color: #BECEDC;
}


.formCharts img
{
	background-color: #eaeaea;
	padding: 10px;
	margin: 10px;
}


/* Modal Popup Style*/

#pnlMessage
{
	background-color: #ECECEC;
	border: solid 1px #000000;	
	display: none;
	position:fixed;	
	left:1px;
	top:1px;
	margin:0px;
	height:99%;
	z-index: 1001;
	-moz-opacity: 0.95;
	opacity: 0.95;
	filter: alpha(opacity=95);
	
	
	
}
#pnlBotones
{
	text-align: right;
}
.redText
{
	color: red;
	font-weight: bold;
}

.modal_content
{
	margin:5px;
	padding: 50px;
	border: 15px solid #555;
	background-color: #fff;
}



